/* Rounded container. */
div.rounded { 
	
	position    : relative;
	width       : auto;	
	margin		: 0 0 0 16px;
	z-index	    : 100;
	
}

/* Reset margin and padding of all child elements. */
div.rounded * {
	
	margin		: 0;
	padding		: 0;
	
}

/* Set the same background image for all div's in the .rounded container (navigation). */
div.rounded div.c, 
div.rounded div.t, 
div.rounded div.b,
div.rounded div.t div {
	
	background  : transparent url(../images/bg_navi_dropdown.png) no-repeat bottom right;
	
}

/* Set the same background image for all div's in the .rounded container (contact). */
div#contact div.c,
div#contact div.t,
div#contact div.b,
div#contact div.t div {
	
	background 	: transparent url(../images/box_contact.png) no-repeat bottom right;
		
}

/* Set the same background image for div's in the .rounded container (product). */
div#product div.c,
div#product div.t,
div#product div.b,
div#product div.t div {
	
	background 	: transparent url(../images/box_product.png) no-repeat bottom right;
	
}

/* Four containers below the main image on the start page */
#body .rounded div.c,
#body .rounded div.t,
#body .rounded div.b,
#body .rounded div.t div {
		
	background-image : url(../images/btn_productnavi_left_big.png);
	 	
}

/* Four containers below the main image on the start page - mouseover */
#mainvisual-categories .rounded:hover div.c,
#mainvisual-categories .rounded:hover div.t,
#mainvisual-categories .rounded:hover div.b,
#mainvisual-categories .rounded:hover div.t div {
		
	background-image : url(../images/btn_productnavi_left_o_big.png);
	 	
}

#mainvisual-categories .active div.c,
#mainvisual-categories .active div.t,
#mainvisual-categories .active div.b,
#mainvisual-categories .active div.t div {
	
	background-image : url(../images/btn_productnavi_left_o_big.png);
		
}

/* Top part of the box and right corner.  */
div.rounded div.t {	  
	zoom                : 1; 		/* hasLayout for IE 6 */	
 	height              : 16px;
 	position            : relative;
 	width               : 100%;
 	background-position : top right !important;
}

/* Top part of the box and left corner.  */
div.rounded div.t div {
	width				: 16px;
	height				: 16px;
	position			: relative;
	margin-left			: -16px;
	background-position : top left !important;	
}

/* Content container in rounded box. */
div.rounded div.c {
	position			: relative;
	zoom				: 1; 				/* hasLayout for IE 6. */
	padding				: 0 16px 16px 0;		
}

/* Bottom part of the box and bottom right corner. */
div.rounded div.c div.b {
	zoom				: 1; /* hasLayout for IE 6 */
	position			: absolute;	
	left				: 0;
	bottom				: 0;
	z-index				: 1;
	width				: 16px;
	height				: 100% !important;
	margin-left			: -16px;
	background-position : bottom left !important;
	clear				: both; /* Clear any floats in content container. */
}
#mainvisual-categories div.rounded div.c div.b{height:150px!important;}
/* Box content. */
div.rounded div.c * {
	z-index				: 2;
}